草庐IT

CSS 响应中心 Div

全部标签

javascript - 当我在 css 中使用 margin auto 属性时,如何使用 javascript 获取 margin left size

我有div与margin:auto;我只需要得到margin-left使用javascript的大小值:)//css.test{margin:auto;width:100px;height:100px;outline:1pxsolidred;}//htmlTestLiveexample 最佳答案 使用这个:1)使用jQueryvarleft=$(".test").offset().left;2)或者,第二个版本是:将您的div替换为,并使用这个js。varleft=document.getElementById("test").of

javascript - vueJS + webpack : importing fonts, CSS 和 node_modules

我开始使用Vue.js和Webpack,我对如何正确导入和引用我的字体、CSS和node_modules有一些疑问。我使用vue-cli启动了我的应用程序,结果结构如下:buildconfignode_modulessrc--assets--components--routerstatic这是我的webpack.base.conf文件:varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=require('./vue-loader.conf')

javascript - 如何将 Javascript 变量值放入 CSS?

如何让time变量的内容显示为content我的CSS中的属性?JavaScript:functionclock(){vard=newDate();varhour=d.getHours();varmin=d.getMinutes();vartime=hour+":"+min;}CSS:.screen{position:absolute;height:75%;width:75%;background:#98E8EE;top:11.5%;left:12.5%;}.screen::after{color:#F9F5F4;font-size:40px;content:;font-family:

javascript - 我可以对 Fetch API 响应使用 DOM 查询方法吗?

我正在尝试自动与当前仅公开用户驱动的表单的旧Web界面进行交互,因此我需要使用动态请求从网页中抓取一些信息。如果我使用XHR,我可以将响应视为Document,这样我就可以使用querySelector等方法从特定节点检索信息。不过,我想尝试使用FetchAPI,它只会给我一个Body.这有blob、formData、json和text,但我没有看到任何能让我将其视为Document。我错过了什么吗?我可以直接从fetch获取文档或其他可查询的内容吗?如果没有,是否有一种简单的方法来获取字符串(来自Body.text())并将其转换为文档? 最佳答案

javascript - 使用 recharts ( Barchart ) 设置响应图表的高度和宽度

我正在尝试使用重新图表来实现条形图。但是width={600}和height={300}导致条形图是绝对的,而不是响应式的。如何使条形图成为响应式的?我尝试使用百分比作为width={'50%"}height={"40%"}但没有用。import{BarChart,Bar,XAxis,YAxis,CartesianGrid,Tooltip,Legend}from'recharts'; 最佳答案 您需要使用ResponsiveContainer才能正常工作。此外,使用不带括号的百分比值。//yourchart我用过它,效果很好!:)来

javascript - 根据 JSON 数据将元素 append 到 div

我有一个包含“类(class)类别”和“标题”的本地JSON文件。每个类别有多个标题,每个标题对应一个类别。我创建了threeseparatedivs:“TopCourses”、“New-AddedCourses”,最后是“TopCourses”,div按类别填充。单击类别会打开一个模式,该模式会再次显示类别名称和正确的类别描述。它应该显示与该类别关联的所有标题,例如单击“动物”类别应显示“Chinchilla”、“Axolotl”、“Flea”等。我想做的是点击类别仅显示与该类别关联的标题。我在模态中看到标题---但是I'monlyseeingoneTitle来自每个类别。根据标题的

javascript - 在 AJAX 响应中嵌入图像

是否可以(并支持跨浏览器)将图像嵌入到AJAX响应的XML中,然后使用JavaScript加载该图像?我有一个系统可以根据运行的session数进行一些计算。然后将结果绘制成图表,并分两部分返回:1)XML包含有关图形、总计和图像map数据的信息,允许用户单击相关区域。2)图形图像。由于数据在两个请求之间可能会发生变化(并且计算起来可能很昂贵),我更愿意在单个请求中执行此操作(返回带有XML的图像)。当前的实现会将统计信息缓存一小段时间,以便多个请求的结果仍然匹配。由于需要缓存的数据量将增加(从~2.5K到~1.2MB),我想尝试另一种方法。注意:我不想使用内联b64PNG图像,因为I

javascript - drupal 主题 : how do I include several css files/js files on my theme's . 信息文件?

我正在创建一个新的Drupal主题。到目前为止,我只需要包含一个css文件和一个js文件。所以我的theme.info文件有这样的东西:stylesheets[all][]=css/style.cssscripts[]=js/script.js现在我必须包含jquery和jquery-ui才能使用日历日期。它们带有2个新的javascript文件和1个我必须添加到站点的附加css文件。日历输入表单将用于所有页面(在侧block上),因此我可以在所有页面上加载额外的css/javascript。我认为最简单的方法是在.info文件本身上引用它们。起初我试着把它们放在单独的空格里:styl

javascript - 移除 Parent Div,但不移除父级中的内容。

嘿,我不确定这是否可能,但无论如何。比如说:RemoveParent$(function(){$('#bar').click(function(){$(this).parent().remove();});});是否可以删除父容器,在此示例中为#foo但保留子anchor标记#bar? 最佳答案 在这种情况下,您会寻找.unwrap()例子...$(function(){$('#bar').click(function(){$(this).unwrap();});}); 关于javasc

javascript - 如何让 AJAX get-request 在返回响应之前等待页面呈现?

我正在为thissite中的页面编写Greasemonkey脚本(站点1)。Site1有各种交易和报价,我的GM脚本旨在执行以下操作:当访问Site1上的报价时,脚本会查询Site2查明这家酒店是否也列在Site2上。如果是,则在Site1上显示Site2的搜索结果。问题是Site2显示一个进度条(“加载结果”),然后显示结果。因此我的Ajax请求总是返回空结果,看起来像这样(见红框部分):(Clickforlargerimage)但是,它实际上应该具有来自Site2的搜索结果的完整内容,如下所示:(Clickforlargerimage)我尝试了同步Ajax请求以及GM_xmlhtt